<template>
  <div>
    <el-card v-if="!options.type" :body-style="{ padding: options.padding}" :shadow="options.shadow" class="box-card">
      <div v-if="header" slot="header" class="clearfix">
        <slot name="header"></slot>
        <span>{{ options.title}}</span>
        <el-button v-if="options.operate" style="float: right; padding: 3px 0" type="text">{{ options.operate.name }}
        </el-button>
      </div>
      <div>
        <slot></slot>
        <slot name="simple"></slot>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "ZCard",
  props: {
    options: {
      type: Object,
      default: () => {
        return {}
      }
    },
    header: {
      type: Boolean,
      default: true
    }
  },

}
</script>

<style scoped>

</style>
